<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <link rel="stylesheet" href="css/common.css" />
  <style>
	*{margin:0px;padding:0px;}
	em{display:inline-block;width:25px;}
	/*top*/
	#top{width:88%;margin:0px auto;height:60px;background:#376CDD;padding:0px 6%;}
	#top .logo{width:160px;height:55px;line-height:60px;}
	#top .nav{width:50%;font-size:14px;}
	#top .nav ul.nav-box li{width:14%;text-align:center;}
	#top .nav ul.nav-box li a{color:#fff;display:inline-block;width:100%;line-height:60px;}
	/*滚动文字样式*/
	#Part1_L ul{position:absolute;top:28%;right:20px;}
	#Part1_L ul.Part_ScrollBut li{position:relative;list-style-type:none; font-size:14px;font-family:"微软雅黑";margin-bottom:30px;width:15px; height:15px;background:#00a9e2;border-radius: 15px;}
	#Part1_L ul.Part_ScrollBut li:last-child{margin:0px;}
	#Part1_L ul.Part_ScrollBut li.hover{background:#d81480;}
	#Part1_L ul.Part_ScrollBut li i{display:inline-block;height:26px;border:2px solid pink;position:absolute;top:15px;left:5px;}
	#Part1_L ul.Part_ScrollBut li:last-child i{border:0px;}
	#Part1_L .Part_ScrollCon{position:relative;top:0px;width:100%;overflow:hidden;}
	#Part1_L .Part_ScrollCon div{height:100%;}
	#Part1_L .Part_ScrollCon .items .box{margin-left:-18%;background: url(img/hero-bg.jpg) no-repeat;color:#fff;text-align:center;}
	#Part1_L .Part_ScrollCon .items .box h1{padding:12% 0px 3% 18%;}
	#Part1_L .Part_ScrollCon .items .box p{padding-left:18%;font-size:24px;}
  </style>
 </head>
 <body>
	<div id="top">
		<div class="logo fl"><img src="img/tx-logo.png" width="160" height="55"/></div>
		<div class="nav fr">
			<ul class="nav-box">
				<li class="nav-items fl"><a href="javascript:void(0)">首页</a></li>
				<li class="nav-items fl"><a href="javascript:void(0)">关于我们</a></li>
				<li class="nav-items fl"><a href="javascript:void(0)">产品特色</a></li>
				<li class="nav-items fl"><a href="javascript:void(0)">产品服务</a></li>
				<li class="nav-items fl"><a href="javascript:void(0)">服务行业</a></li>
				<li class="nav-items fl"><a href="javascript:void(0)">联系我们</a></li>
				<li class="nav-items fl"><a href="javascript:void(0)">申请试用</a></li>
			</ul>
		</div>
	</div>
  <!--图片广告轮播效果开始-->
	<div id="Part1_L">
		<!--滚动内容begin-->
		<div class="Part_ScrollCon">
			<div class="items">
				<div class="box">
					<h1 class="animated fadeInDown"><img class="img-responsive" src="img/left-lie.png"/><img src="img/tx-logo.png" width="295" height="115"/><img class="img-responsive" src="img/right-lie.png"/></h1>
					<p class="animated fadeInUp">专注数据价值<em></em><em></em>专助共同发展</p>
				</div>
			</div>
			<div class="items">
				<h3>关于我们</h3>
				<p style="text-indent:2em;line-height:2.5;">北京天行数科数据科技有限公司是专注于为银行、消费金融、 P2P 、小贷、融资租赁、典当、保险、投融资、猎头、物流、租车等领域提供定制数据产品的公司。公司致力于利用大数据获取和分析技术，帮助合作机构丰富数据来源、提升风险控制水平、降低经营成本。</p>
				<p style="text-indent:2em;line-height:2.5;">天行数科已与国内众多知名数据源公司合作，可以提供几十种风控数据产品。服务的客户地域扩展至西北、东北、华南、西南等。目前已合作机构超过100家。</p>
				<p style="text-indent:2em;line-height:2.5;">公司本着数据多元化、价值最大化的战略方向，争取成为数据驱动金融的有力推动者。未来将不断丰富数据源，通过技术手段增加独有数据，并推出基于不同业务场景所需要的定制化数据产品。</p>
			</div>
			<div class="items">产品特色
                <p><i class="fa fa-circle-o"></i>合理定价，透明合理定价体系。</p>
                <p><i class="fa fa-circle-o"></i>种类丰富，丰富且多元化大数据服务。</p>
                <p><i class="fa fa-circle-o"></i>实时查询，7*24小时不间断无缝对接。</p>
                <p><i class="fa fa-circle-o"></i>对接简单，简易快捷多渠道对接方式。</p>
			</div>
			<div class="items">
				产品服务
			</div>
			<div class="items">
				服务行业
			</div>
			<div class="items">
				联系我们
			</div>
			<div class="items">
				申请试用
			</div>
		</div>
		<!--滚动按扭开始-->
		<ul class="Part_ScrollBut">
			<li class="items0 hover"><i></i></li>
			<li class="items1"><i></i></li>
			<li class="items2"><i></i></li>
			<li class="items3"><i></i></li>
			<li class="items4"><i></i></li>
			<li class="items5"><i></i></li>
			<li class="items6"><i></i></li>
		</ul>
		<!--滚动按扭结束-->
	</div>

	<!--引用外部jquery类库-->
	<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
	<script sr="js/jquery.mousewheel.min.js"></script>
	<script type="text/javascript">
		
		$('body').bind('mousewheel', function(event) {  
			var _index = $(".Part_ScrollBut li.hover").index()+1;
			$(".items"+_index).addClass("hover").siblings().removeClass("hover");//当前li添加 class="hover" 其它li移除
			$(".Part_ScrollCon .items").eq(_index).show().siblings().hide();//序列相同的li显示，其它的隐藏
		});
		$(function(){
			var height = $(window).height();
			$(".Part_ScrollCon").css("height",height-60+"px");
		});
		$("ul.Part_ScrollBut li,ul.nav-box li").click(function(){
			var _index2=$(this).index();//获取当前的序列号
			$(".items"+_index2).addClass("hover").siblings().removeClass("hover");//当前li添加 class="hover" 其它li移除
			$(".Part_ScrollCon .items").eq(_index2).show().siblings().hide();//序列相同的li显示，其它的隐藏
		});
	</script>
 </body>
</html>
